﻿*   { margin: 0; padding: 0; }
ol, ul { list-style: none; }

.main { width: 1000px; margin: 0 auto; }

header
{
    width: 100%;
    height: 47px;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #1b4c89;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4); /* Background */
    background: #2975d4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #2975d4 0%, #2569be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2975d4), color-stop(100%,#2569be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2975d4 0%,#2569be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2975d4 0%,#2569be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2975d4 0%,#2569be 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2975d4 0%,#2569be 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2975d4', endColorstr='#2569be',GradientType=0 ); /* IE6-8 */
}

.stroke { border:1px solid rgba(0,0,0,0.4); }

.f-left { float: left; }
.f-right { float: right; }

header span.logo { display:block; padding:6px;
                    }

header .nav { }
header ul.menu.level-1 { display:block; overflow: hidden;}
header ul.menu.level-1 li { float:left; padding:8px; }
header ul.menu.level-1:hover { background:#2059a2; }
header ul.menu.level-1 ul.level-2 { display:none; position: absolute; z-index: 999; top:47px; left:1052px; padding:5px; background:white; border:1px solid #2059a2; border-bottom:3px solid #2059a2; box-shadow:0px 2px 7px rgba(0,0,0,0.3);}
header ul.menu.level-1 ul.level-2 li { padding:5px; float: none; font-size:0.9em; }
header ul.menu.level-1 ul.level-2 li a { color:gray; text-decoration:none; } 

header ul.menu.level-1 :hover .level-2 { display:block;  }​